<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <link rel="stylesheet" type="text/css" href="../style/styles.css" /> 
  </head>
  <body>
  	<!-- Contents of Page go in Panel -->
    <wicket:panel>
	  <div id="container">
	   
	  	<div id="left_bubble">
	  	Welcome to the Grid Information Chart Maker
        Here you will find a way to visualize power plant
        data.  You can see how much carbon and energy is
        being consumed for various power grids over time in Oahu.
        Simply choose the Starting Date and Ending Date and other
        options to get started.  See the right bubble for information
        about what these options do.<br />
	  	</div>
	    <div id="right_bubble">
	    StartDate: Date to Start<br />
	    End Date: Date to End<br />
	    Transitive: Show all subgrids of location<br />
        Cumulative: Running total location<br />
        Type: Carbon in lbs CO2 or Energy in MegaWatts<br />
        Time Frame: Detail of Data<br />
        Location: Grid to Display<br />
	    </div>
 	  		<form wicket:id="Chart" id="Chart">	   			
	   			Start Date <input wicket:id="beginningDate" type="text" size="10" readonly />
	   			End Date <input wicket:id="endingDate" type="text" size="10" readonly /><br /><br />
	   			Transitive <input wicket:id="transitive"  type="checkbox"/>
	   			Cumulative <input wicket:id="cumulative" type="checkbox" /><br /><br />	   			
	   			Type <select wicket:id="energyOrCarbon" />
	   			Time Frame <select wicket:id="timeFrame" />
	   			Location <select wicket:id="dropLocation"/><br/><br/>	   			
	   			<input type="submit" value="submit" wicket:id="ajax-button"/>
	   		</form>
	   		<br /> <br />
	   		<span wicket:id="image"/> 
	   		<div wicket:id="feedback"/>  
		</div>
		 <span id="wicket-ajax-indicator"/>
 	</wicket:panel>
  </body>
</html>